const path = require("path");
const resolve = (dir) => path.join(__dirname, dir);

module.exports = {
  publicPath: "./",

  assetsDir: "static",

  chainWebpack: (config) => {
    config.resolve.symlinks(true);
    config.plugin("html").tap((args) => {
      args[0].chunksSortMode = "none";
      return args;
    });
    config.resolve.alias
      .set("@", resolve("src"))
      .set("@assets", resolve("src/assets"))
      .set("@components", resolve("src/components"))
      .set("@views", resolve("src/views"))
      .set("@store", resolve("src/store"))
      .set("@apis", resolve("src/apis"))
      .set("@utils", resolve("src/utils"))
      .set("@libs", resolve("src/libs"));
  },
  css: {
    loaderOptions: {
      css: {},
      postcss: {
        plugins: [
          // 补全css前缀(解决兼容性)
          require("autoprefixer")(),
          // 把px单位换算成rem单位
          require("postcss-pxtorem")({
            rootValue: 32, // 换算的基数(设计图750的根字体为32)
            selectorBlackList: [".van", ".my-van"], // 要忽略的选择器并保留为px。
            propList: ["*"], //可以从px更改为rem的属性。
            minPixelValue: 2, // 设置要替换的最小像素值。
          }),
        ],
      },
    },
  },
  devServer: {
    port: 8080,
    // proxy: {/**处理跨域，本地代理转发*/
    //     '/internal': {
    //         target: 'http://192.168.2.75:9501/',  // 接口域名
    //         secure: false,  // 如果是https接口，需要配置这个参数
    //         changeOrigin: true,  //是否跨域}
    //     },
    // },
  },
};
